<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/search.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/template-native.js"></script>
</head>
<body>
<!--头部-->
<header class="header">
    <span class="logo"></span>
    <span class="search_icon"></span>
    <input type="text" class="search_novell" placeholder="搜索作品名、作者名"/>
    <span class="search_text">搜索</span>
</header>
<!--小说内容-->
<div class="novel_content">
    <div class="search_tip">
        本站尚未找到您搜索的小说
    </div>
    <!--搜索词-->
    <div class="search_content">
        <!--热搜词-->
        <div class="search_word">
            <div class="novel_top clearfix">
                <span class="hot_search">热搜词</span>
                <span class="change_search">换一换</span>
            </div>
            <div class="novel_word clearfix">
                <span>总裁</span>
                <span>王牌女助</span>
                <span>重生</span>
                <span>独宠</span>
                <span>男神</span>
                <span>古言</span>
                <span>契约</span>
                <span>妃来横祸</span>
                <span>重生</span>
                <span>独宠</span>
                <span>男神</span>
                <span>古言</span>
                <span>契约</span>
                <span>妃来横祸</span>
            </div>
        </div>
        <!--热搜小说-->
        <div class="search_novel">
            <div class="hot_novel">
                <div class="hot_top">
                    <span class="novel_hot">热搜书籍</span>
                    <span class="change_novel">换一换</span>
                </div>
                <div class="hotnovel_content">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="../public/images/ajax/hzgroom1.jpg" alt="寒川十年忆温啉"/>
                                <p>寒川十年忆温啉</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="../public/images/ajax/hzgroom2.jpg" alt="重生嫡女"/>
                                <p>重生嫡女</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="../public/images/ajax/hzgroom3.jpg" alt="妃来横祸"/>
                                <p>妃来横祸</p>
                            </a>
                        </li>
                    </ul>
                </div>
        </div>
    </div>
        <!--待扩展-->
        <div class="blank"></div>
    </div>
    <!--搜索结果-->
    <div class="search_result">
        <!--<div class="skip_page">-->
            <!--<p>书虫正在努力加载中</p>-->
        <!--</div>-->
    </div>
</div>
<!--导航栏-->
<nav class="nav">
    <ul>
        <li>
            <a href="home.ejs" class="bookshop nava">
                <p>书城</p>
            </a>
        </li>
        <li>
            <a href="bookshop.ejs" class="bookcase nava">
            <p>书架</p>
            </a>
        </li>
        <li>
            <a href="search.ejs" class="search nava">
            <p>搜索</p>
            </a>
        </li>
        <li>
            <a href="personal.ejs" class="personnal nava">
            <p>个人中心</p>
            </a>
        </li>
    </ul>
</nav>
<!--模板引擎-->
<script type="javascript/template" id="searchResult">
        <ul class="result_list">
            <%for(var i=0;i< items.length;i++){%>
                <li>
                    <a href="noveldetail.ejs#<%=items[i].bookId%>" class="clearfix">
                        <img src="<%=items[i].imgUrl%>" alt="<%=items[i].bookName%>"/>
                        <div class="new_left">
                            <p class="name"><%=items[i].bookName%></p>
                            <p class="authod"><%=items[i].author%></p>
                            <p class="type">
                                <span><%=items[i].style%></span>
                                <%if (items[i].style1){%>
                                <span><%=items[i].style1%></span>
                                <%}%>
                            </p>
                            <p class="status"><%=items[i].status%></p>
                            <p class="brief"><%=items[i].introduct%></p>
                        </div>
                    </a>
                </li>
            <%}%>
        </ul>

</script>
</body>
<script src="../public/js/search.js"></script>
</html>